.header {
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: var(--header-bg);
  border-bottom: 1px solid var(--header-border);
}
.brand { font-weight: 700; }
.brand-link { display: inline-flex; align-items: center; text-decoration: none; color: inherit; }
.brand-logo { width: 24px; height: 24px; margin-right: 8px; display: inline-block; }
.brand-name { font-weight: 700; font-size: 16px; }
.breadcrumbs { margin-left: 16px; flex: 1; }
.actions a { margin-left: 12px; }
.icon-btn {
  margin-left: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid var(--primary-border);
  background: var(--primary-bg);
  color: var(--primary);
  cursor: pointer;
}
.logout-btn {
  margin-left: 12px;
  padding: 6px 10px;
  border: 1px solid var(--primary);
  background: var(--primary);
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}

/* Avatar dropdown */
.avatar-box { display: inline-flex; align-items: center; justify-content: center; margin-left: 12px; }
.header-avatar { cursor: pointer; border: 1px solid var(--primary-border); }
.user-nickname { margin-left: 8px; color: var(--text-color); font-weight: 500; }